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Abstract- In this paper we present the results of an ongoing project on the design and development 
of multimedia instructional material for teaching and learning a number of computer science topics at 
both graduate and undergraduate levels. We emphasize on pedagogical requirements such dynarmc 
animation of the changes in the data structures induced by the user-input, <fi,nam.c f^'^^l'^'^^^ 
nations that are not multiple-choice types, incorporation of meta-algorithmic f J^' '° 

step through algorithms both forward and backward, etc. We divide the subject-matter -to <A me a j 
develop the software for each of these themes. The current theme we considered is tree data structures 
such a. binary trees, red-black trees, 2-3 trees, etc. We believe that our tools relieve the students of 
the burden of visualizing the data structures and also enable the teachers to concentrate more on the 
principles behind the data structures than on the mechanical operations. We believe that our project 
is one of the first to exploit the sophisticated PC tools for CAI. 



1 Overview 



In this paper we present the results of an ongoing project on the design and development of multimedia 
instructional material for teaching and learning a number of computer science topics at both graduate 
and undergraduate levels. One of our fundamental goals in this project is in developing computer aided 
instruction software that meets a n«m6er of important pedagogical requirements. We believe that the 
progress ol the project so far, as reported in this paper, makes a significant first step :n achieving this 
goal There are a few questions one needs to ask regarding CAI tools. First, is there a need for more CAI 
tools. Our answer is a definite "yes". In brief, our position on these systems is the same as expressed 
in [NVH86]: 

"During the 1970's a second wave of CAI systems [started]. Despite significant government and com- 
mercial com.mitments to large-scale CAI projects, the record of actual use has been spotty - ^^c^^t 
proliferation of "smart" machines capable of instructional ... [with graphics capabilities ... and above 
all affordable prices... has opened new areas in which ... [it is possible to operate with] learning-by- 
doing" paradigm... These ad hoc, "do-it-yourselP uses of CAI techniques will ultimately succeed where 
frontal attacks have failed ..." 

Powerful hardware and software tools in the PC world have never been more affordable than We 
T believe that our project will start new developments that hopefully exploit the power of modern l^Us 
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in computer science education. 

The second question is who should develop CAI tools: since these tools should "distill" the experience 
of the teachers (and the difSculties of students), we strongly believe that CAI tools (prototypes at any 
rate) should be developed by teachers and students, although they may be marketed by publishers or 
the software industry (perhaps after adding more features). Finally, the third question is what should 
the level of genericity be. We believe that computer aided instruction ought to divide the subject 
matter into themes, just as we do in classroom instruction. A theme is a family of lessons that teach a 
particular algorithmic or structural paradigm. Examples of themes abound: tree data structures, graph 
search attjorithms, sorting, sweepline paradigm, divide and conquer paradigm, etc. 

The main contribution of our work is in designing and developing computer aided instruction software 
for the tree data structures theme: it satisfies a number of important pedagogical requirements as 
described in Section 2. Fuithermore, it is readily usable by teachers (students) for teaching (learning) 
tree data structures. A student cr teacher can run (client configuration) our system on MS-Windows 
at almost minimal configurations. 

The paper is organized as follows. Section 2 describes the desired pedagogical requirements that any 
CAI system should satisfy; most of these reiiuirenients are satisfied by our system. Section 3 briefly 
surveys the related work and provides a comparison with some of the major CAI efforts. The paper 
concludes with screen-captures of actual running examples. 

Implementation: The project, implemented in Visual Basic 3.U, has about 32,000 lines of code and 
took about 3.5 person-years. 



2 Pedagogical requirements that our system satisfies 

In this section we describe some of the important pedagogical requirements that any CAI software for 
computer science lessons should satisfy. Note that our software satisfies most of these as shown in the 
illustrations later. Some of the issues are specific to the ikcrne of tree data structures while some may be 
useful for other themes as well. To the best of our knowledge, many of these reciuirements are not met 
by any of the CAI software currently available; textbooks certainly do not come even close to meeting 
these. Most of these requirements are currently met by the efforts of enthusiastic instructors, teaching 
assistants, and sometimes students themselves. The following discussion refers to a number of tree data 
structures which can be found in classical references such as [CLR90, Tar83]. Our listing here is not 
intended to be exhaustive and exclusive; it is the best we could get from our own experience and the 
e.Kperieiice of others [NielJO. NVHS6, EH92, FlaS7, Sto8<J]. 

1. Inttractivc Anunation: When using tree data structures, one of the most important issues is the 
change in the topology of the tree when a new value is inserted or deleted. This may involve one or 
rnore rotations (AVL trees, red-black trees, splay trees), splitting (2-3 trees, B-trees, etc), change 
of attribute-values of the tree-nodes (change of color in red-black trees, values in order-statistics 
trees), and so on. Any software purported to aid the instruction about these tree data structures 
should animate the changes of the tree topologies. Furthermore, such an animation should be 
u.str dirtcted. 

2. Stepping Through: It is of great help to the student see how the updates algorithms (delete/insert) 
modify the tree data structures step by step. This involves coordinating the text of the algorithm, 
the explanation of what is happening at the current step and the interactive animation of the tree 
while the current step is being executed. 
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3. Snperunposition of Mtia-aUjonthmic InfonnaUon: When a t.ree topology changes due to updates, 
it follows certain rules. These rules are specified through canonical cases. For instance, in the 
case of red-black trees, [CLR90] describes three canonical cases for insertion into red-black trees. 
A user-defined exarn|)le must show which canonical case that it is using to perform the current 
rotation, etc. Note that, strictly speaking, this superimposition is not a part of the algorithm; it 
is "meta-algoritlimic" information. 

4. Paihohiijical Exairiplt.s that are dynamic; We observed in our teaching and learning that it is 
always good to present "killer examples", i.e., examples that are absolutely bad for the particular 
algorithm or data structure. It is, for example, highly instructive to show an order of insertions 
which causes a skewed binary search tree and then show how this very order of insertions produces 
a Kalanced red-black tree. Furthermore, these examples should be dynamic, that is, different at 
ilifferent runs of the software. 

0 DyiiiiiiiK Qiii::(\. An important feature of learning process is also "doing". We believe that 
one way to help the students participate in the understanding process is to make them answer 
(|Ue.stioiis The .sy.stem slioulil be able to "create" dynamic cjuizzes. Note that these should not be 
just multiple-choice iiuestions, but should require user participation that is more involving; say, 
(i) iusert/ilelete (ii) |)erforin the conseciuent fixup steps (rotations) in a red-black tree, etc. This 
type of user partici|)ation increases understanding of the subject matter better [Sto89, Fla87]. 

(i AurjTiit iituirj Diila .s7r((C<»r( iwitli procedures: One should have procedures added to the nodes of 
a ilata structure to evaluate certain pro])eities. For instance, each node of a tree can be augmented 
with a proceihue tli;u. computes the prtdcctssor- {or successor) of the node, 

3 Related Work and a Comparison 

Although there is an abundance of software for teaching concepts at the K-12 level of education, 
there are very few [ioimlar software packages for teaching Computer Science lessons at the university 
level. An excelleiu ilescription of ups and downs of CAI from sixties through eighties is presented 
m [NVH86]. Some of the examples of CAI tools are PLATO whose derivative was AUTOTOOL[Sto89], 
and BALSA and ZEUS [BSS4, Bro<J2]. In principle, we could have used Zeus to develop lessons on 
various themes (as is ilone for red-black trees [Hey93]). However, we opted not Ho use Zeus for a 
number of rea.son.s. We oh.-^erveil that considerable amount of work needs to be done to develop teaching 
tools that can he readily useil. For example, labeling nodes, indicating canonical case.s, etc., reipiires 
special view development aiul coiling into the annotations. We believe that using sophisticated software 
[iackagps and inexpen.<ive graphics hardware available for PC's one can develop the desired instructional 
software from scratch with the same or less effort. This belief is bolstered by our development of a 
lumiher of data structures. Note that Zeus is a general purpose algorithm animating environment, and 
was not ileveloped only for educational tools; unlike Zeus, our software was developed for educational 
puri)o.';es only, and can not he used to animate arbitrary algorithms. 
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Figure I. An example of a Binary Tree 
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if X is a right child then 
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RightRotate(p[p[x]]) 





Figure 2. Canonical Case of Red-Black Trees. 
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Properties ; [Prim 

PROPERTY 1: Each nod* is either a 2-node 

or a 3.nade 
PROPERTY 2: By deflnlUon. kR[xl > ld.[xl 



PnOPEIUY 3a: Ml.keys in x's le(t sulMtee 
He less than M.\x\ 



PROPERTY 3b: All keyx in x's middle tubtre* 

are greater than kL|x| 

and lest than kR|x| 
PROPERTY 3c: All keys in x"s right subtree 

are greater than kR|x) 
PROPERTY 4: All leaf nodes have the same 

height h 

PROPERTY 5: The number of keys is bounded 

between (2*h - 1) 

and p*h - 1) 
Hence, 

height h is between |Iog3(n.1)l and |log2(n.1)| 



Figure 3. Example of a 2-3 Tree. 



BEST COPY AVAILABLE 



552 



ERIC 



